<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/xuey.css">
</head>

<body>
    <div class="wrap">
        <div class="header">
            <input type="text" placeholder="输入学员名称" onchange="cxName(this.value)">
            <input type="text" placeholder="输入学员住址" onchange="cxZz(this.value)">
            <select name="" id="zycx" onchange="cxZy(this.value)">
                <option value="">请选择专业</option>
            </select>
        </div>
        <div class="content">
            <span class="addxy">新增学员</span>
            <table class="tableone">
                <tr>
                    <th>姓名</th>
                    <th>生日</th>
                    <th>专业</th>
                    <th>住址</th>
                    <th>学费</th>
                    <th>状态</th>
                    <th>课时</th>
                    <th>联系方式</th>
                    <th>缴费时间</th>
                    <th>监护人及联系方式</th>
                    <th>操作</th>
                </tr>
                <tbody id="tbody"></tbody>
            </table>
            <!-- <div class="delebox">
                <p>是否删除名为***学员的信息</p>
                <span class="quedel">确定删除</span>
                <span>取消删除</span>
            </div> -->
            <div class="page">
                <span onclick="prev()">上一页</span>
                <span class="pageNum">1</span>
                <span onclick="next()">下一页</span>
            </div>
            <div class="jfjeBox">
                <h2>学费缴纳</h2>
                <span>缴费金额：</span><input type="text" placeholder="请输入缴费金额" id="jfje"><br>
<div>
    <span onclick="jfque()">确定缴费</span>
    <span onclick="jfqx()">取消缴费</span>
</div>
            </div>
        </div>
        <div class="addXZ">
            <div class="xinzeng">
                <h2 class="xzxg">新增学员</h2>
                <span>姓名：</span> <input type="text" placeholder="姓名" id="xm">
                <span>生日：</span><input type="date" placeholder="生日" id="sr">
                <span>专业：</span> <select id="zy">
                    <option value="">请选择专业</option>
                </select>
                <span>住址：</span> <input type="text" placeholder="住址" id="zz">
                <span>学费：</span> <input type="text" placeholder="学费" id="xf">
                <span>课时：</span> <input type="text" placeholder="课时" id="ks">
                <span>联系方式：</span><input type="text" placeholder="联系方式" id="lx">
                <span>缴费时间：</span><input type="date" placeholder="缴费时间" id="jf">
                <span>监护人：</span> <input type="text" placeholder="监护人" id="jg">
                <span>状态:</span>
                <select name="" id="zt">
                    <option value="1">试学</option>
                    <option value="2">正常</option>
                    <option value="3">休学</option>
                </select>
                <div>
                    <span class="addtj" onclick="addes()">提交</span>
                    <span class="addqx" onclick="ques()">取消</span>
                </div>
            </div>
        </div>
        <div class="xgxinx">
            <div>
                <h2>修改学员信息</h2>
                <span>联系方式:</span><input type="text" name="" id="" placeholder="请输入正确的联系方式" class="xglx"><br>
                <span>监护人</span>
                <input type="text" placeholder="请输入监护人" class="xhjhr"><br>
                <span>状态:</span>
                <select name="" id="xxzt">
                    <option value="1">试学</option>
                    <option value="2">正常</option>
                    <option value="3">休学</option>
                </select>
                <div>
                    <span class="quexg">确定修改</span>
                    <span class="qxxg">取消修改</span>
                </div>
            </div>
        </div>
    </div>
    <div class="tanchuang">
        <h2>新增</h2>
        <p class="nr">
        </p>
        <p><button onclick="tJ()">提交</button><button onclick="qvX()">取消</button></p>
    </div>
    <div class="div">
        <h3 onclick="ret()">返回</h3>
        <h2>学员 / 详情</h2>
        <h3>基本信息</h3>
        <div class="div1">
            <p>姓名:  <span class="xinxi">张三</span></p>
            <p>专业:  <span class="xinxi">前端</span></p>
            <p>住址:  <span class="xinxi">***</span></p>
            <p>联系方式:  <span class="xinxi">***********</span></p>
            <p>学费:  <span class="xinxi">****</span></p>
            <p>父亲:  <span class="xinxi">***</span></p>
            <p>状态:  <span class="xinxi">**</span></p>
        </div>
        <h3>课堂表现</h3>
        <button class="xinz" onclick="tc(0)">新增表现</button>
        <table border="1" cellspacing="0" class="table1">
            <tr>
                <th class="shijian">时间</th>
                <th class="biaoxian">表现</th>
            </tr>
            <tbody class="tbody">
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="2">
                        <div class="div2">
                            <p>
                                <input type="text" placeholder="请输入每页条数" onchange="huanye(0)" class="yema">
                            </p>
                            <p class="yeshu">
                                <button onclick="shang(0)">上一页</button>
                                <span class="yeM"></span>
                                <button onclick="xia(0)">下一页</button>
                            </p>
                        </div>
                    </td>
                </tr>
            </tfoot>
        </table>
        <h3>请假及旷课</h3>
        <button class="xinz" onclick="tc(1)">新增情况</button>
        <table border="1" cellspacing="0" class="table2">
            <tr>
                <th class="shijian">时间</th>
                <th class="biaoxian">类型</th>
                <th class="shiyou">事由</th>
            </tr>
            <tbody class="tbody">
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="3">
                        <div class="div2">
                            <p>
                                <input type="text" placeholder="请输入每页条数" onchange="huanye(1)" class="yema">
                            </p>
                            <p class="yeshu">
                                <button onclick="shang(1)">上一页</button>
                                <span class="yeM"></span>
                                <button onclick="xia(1)">下一页</button>
                            </p>
                        </div>
                    </td>
                </tr>
            </tfoot>
        </table>
        <h3>考试信息</h3>
        <button class="xinz" onclick="tc(2)">新增考试</button>
        <table border="1" cellspacing="0" class="table1">
            <tr>
                <th class="shijian">时间</th>
                <th class="biaoxian">分数</th>
            </tr>
            <tbody class="tbody">
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="2">
                        <div class="div2">
                            <p>
                                <input type="text" placeholder="请输入每页条数" onchange="huanye(2)" class="yema">
                            </p>
                            <p class="yeshu">
                                <button onclick="shang(2)">上一页</button>
                                <span class="yeM"></span>
                                <button onclick="xia(2)">下一页</button>
                            </p>
                        </div>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
    <script src="../js/pubilc.js"></script>
    <script src="../js/xuey.js"></script>
</body>

</html>